<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="dwr/engine.js"></script>
<script src="dwr/interface/Remote.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>自我介绍</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	font-family: 隶书;
	font-size: 30px;
}

ul {
	margin: 10px 40px;
	padding: 10px 40px;
}

li {
	margin: 5px;
	padding: 5px;
}

.tag {
	font-size: 40px;
	font-style: italic;
	font-weight: bolder;
	margin: 0px;
	padding: 5px;
	padding-left: 20px;
	border: 2px solid;
	background-color: #AAAAff;
	border: 2px solid;
	border-bottom-color: #777;
	border-right-color: #777;
	border-top-color: #eee;
	border-left-color: #eee;
	width: 300px;
	height: 50px;
}

#network div {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

#about {
	font-size: 40px;
}

#display {
	height: 400px;
	overflow: hidden;
	width: 200px;
	float: right;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

#display ul, #display li {
	font-size: 20px;
	margin: 0;
	padding: 0; 
}

#content {
	width: 700px;
}

#content ul {
	float: left;
}
</style>
</head>
<body style="background-color: #ccccff">
	<div style="width: 960px; height: 700px; padding: 20px;">
		<div class="tag">自 我 介 绍</div>
		<div id="about" style="margin: 10px; margin-bottom: 50px;">
			<div style="float: left; margin-right: 20px; margin-top: 10px;">
				<img src="monya.gif" alt="" />
			</div>
			<div>
				王 彬<br />2002级电子信息科学与技术专业
			</div>
			<div>
				现于<b>威海欣智信息科技有限公司</b>从事电力系统相关的软件开发、项目管理、人才招聘等工作。
			</div>
		</div>
		<div class="tag">交 流 内 容</div>

		<div id="content" style="float: left; color: blue;">
			<ul>
				<li>软件行业交流</li>
				<li>图形编程技术</li>
				<li>网络编程技术</li>
				<li>多线程编程技术</li>
				<li>数据库编程技术</li>
				<li>Web编程技术</li>
				<li>求职引导</li>
			</ul>
			<div id="network" style="float: left;">
				<div style="font-size: 34px;">
					<img width="34" height="34" src="wuxian.png" alt="" />无线网络
				</div>
				<div>&nbsp;SID: Wang</div>
				<div>密码: 无</div>
				<div>访问: http://192.168.1.1</div>
			</div>
			<div
				style="float: left;  width: 250px; height: 250px; overflow: hidden;">
				<img src="guohe.gif" alt=""
					style="position: relative; left: -2px; top: -2px;" />
			</div>
		</div>
		<div id="display"></div>
		<script type="text/javascript">
			dwr.engine.setErrorHandler(function(msg) {
			});
			setInterval(function() {
				Remote.getIps(function(msg) {
					document.getElementById("display").innerHTML = msg;
				});
			}, 1000);
		</script>
	</div>
</body>
</html>